@extends('web.layouts.app')

@section('styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('resources/web/css/index.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('resources/web/css/ucenter.css')}}">
@endsection

@section('content')
<div class="uc-wrap swrap mt20">
	<div class="uc-side L">
		<div class="uc-nav">
			<ul>
                    @include('web.user_center.menu')
			</ul>
		</div>
	</div>
	<div class="uc-main uc-mainbg R">
		<!--还款明细菜单选项-->
		<ul class="user-main-top-tab">
			<li><a href="{{ action('UserCenter\LoanerController@pendingRepayment',['menu'=>13]) }}">待还款明细</a></li>
			<li class="active"><a href="{{ action('UserCenter\LoanerController@alreadyRepayment',['menu'=>13]) }}">已还款明细</a></li>
		</ul>
		<!--借款管理查询表单-->
		<div class="user-time-search ml20">
			<form>
				<span>起止日期</span>
				<input type="text" class="date-txt Wdate" onclick="WdatePicker();"> -
				<input type="text" class="date-txt Wdate" onclick="WdatePicker();">
				<input type="submit" class="btn" value="搜索">
				<span class="speed-search">
					<a href="#">过去1个月</a>
					<a href="#">过去3个月</a>
					<a href="#">过去1年</a>
				</span>
			</form>
		</div>
		<!--资金项目展示-->
		<div class="user-rz-fund-items">
			<dl>
				<dt>笔数</dt>
				<dd><em>0</em></dd>
			</dl>
			<dl>
				<dt>还款金额</dt>
				<dd><em>0.00</em>元</dd>
			</dl>
			<dl>
				<dt>本金</dt>
				<dd><em>0.00</em>元</dd>
			</dl>
			<dl>
				<dt>利息</dt>
				<dd><em>0.00</em>元</dd>
			</dl>
		</div>
		<!--融资列表-->
		<div class="user-item-list">
			<ul class="data-list refund-list">
				<li class="th">
					<div class="col-name">项目名称</div>
					<div class="col-date">预期还款时间</div>
					<div class="col-method">还款方式</div>
					<div class="col-total">还款总金额(元)</div>
					<div class="col-capital">应还本金(元)</div>
					<div class="col-interests">应还利息(元)</div>
					<div class="col-status">状态</div>
				</li>
				<li>
					<div class="col-name name">
						<a href="#">企业经营贷20万<br/>
						（Y20160006）</a>
					</div>
					<div class="col-date">2015-12-24</div>
					<div class="col-method">到期归还本金及利息</div>
					<div class="col-total">102,291.66</div>
					<div class="col-capital">100,000.00</div>
					<div class="col-interests">2,291.66</div>
					<div class="col-status">正常还款</div>
				</li>
				<li>
					<div class="col-name name">
						<a href="#">企业经营贷20万<br/>
						（Y20160006）</a>
					</div>
					<div class="col-date">2015-12-24</div>
					<div class="col-method">到期归还本金及利息</div>
					<div class="col-total">102,291.66</div>
					<div class="col-capital">100,000.00</div>
					<div class="col-interests">2,291.66</div>
					<div class="col-status">正常还款</div>
				</li>
				<li>
					<div class="col-name name">
						<a href="#">企业经营贷20万<br/>
						（Y20160006）</a>
					</div>
					<div class="col-date">2015-12-24</div>
					<div class="col-method">到期归还本金及利息</div>
					<div class="col-total">102,291.66</div>
					<div class="col-capital">100,000.00</div>
					<div class="col-interests">2,291.66</div>
					<div class="col-status">正常还款</div>
				</li>
				<li>
					<div class="col-name name">
						<a href="#">企业经营贷20万<br/>
						（Y20160006）</a>
					</div>
					<div class="col-date">2015-12-24</div>
					<div class="col-method">到期归还本金及利息</div>
					<div class="col-total">102,291.66</div>
					<div class="col-capital">100,000.00</div>
					<div class="col-interests">2,291.66</div>
					<div class="col-status">正常还款</div>
				</li>
			</ul>
			<div class="uc-page-box text-right">
				<span class="total">共 <em>3</em> 条数据</span>
				<a class="current" href="#">1</a>
				<a href="#">2</a>
				<span>1/1页</span>
			</div>
		</div>

	</div>
</div>
@endsection

@section('scripts')
    <script src="{{ asset('resources/web/js/index.js') }}"></script>
	<script type="text/javascript" src="{{asset('resources/web/plugins/datePicker/WdatePicker.js')}}"></script>
@endsection	